.box{width:65%;margin:auto;}
.box .img-box{wdith:100%;}
.box .img-box img{width:100%;}
.btn-box{width:5rem;margin:auto;margin-top:15px;padding-bottom:20px;display:block;}
.btn-box button{-webkit-tap-highlight-color:transparent;width:5rem;height:2rem;border:solid 1px #217b9e;border-radius:1rem;color:#217b9e;color:#fff;font-size:1rem;background-color:#006990;}
.btn-box button:active{background-color:#0d5c7a;}
.codeTitle{padding:5px 20px;}
.codeText-h1{font-size:0.8rem;color:rgba(0,0,0,0.5);}
.codeText-h2{font-size:10px;color:rgba(0,0,0,0.3);}
.smallCodeTitle{height:5px;width:94%;margin:auto;border-bottom:1px solid rgba(0,0,0,0.1);position:relative;}
.smallCodeTitle span{background-color:white;position:absolute;width:94px;left:50%;margin-left:-47px;top:-2px;}
.shareBox{width:180px;margin:auto;}
.shareBox a{width:70px;height:70px;background-color:#006990;padding-top:25px;}
.shareBox a img{width:25px;display: block;margin: auto;}
.share-page{display:none; width:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:0;left:0;}
.arrowBox{width:140px;height:187px;position: absolute;right:5px;top:10px;}
.codeText-share{font-size: 16px;text-align: center;margin-top:200px;color:white;line-height: 26px;}
.codeText-share i{margin-right: 40px;}
